﻿{ZL.Source id="节点栏目信息数据源"/}<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>{$SiteName/}-会员展示</title>
<meta name="Keywords" content="{SField sid="节点栏目信息数据源" FD="Meta_Keywords" page="0"/}" />
<meta name="description" content="{SField sid="节点栏目信息数据源" FD="Meta_Description" page="0"/}" />
{ZL:Boot()/}
<link href="{$CssDir/}global.css?Version={ZL.Label id="前端样式版本号"/}" rel="stylesheet"/>
<script src="/js/scrolltopcontrol.js" type="text/javascript"></script>
<link rel="stylesheet" href="/dist/css/swiper.min.css">
<script src="/dist/js/swiper.min.js"></script>
<script src="/JS/Controls/B_User.js"></script>

</head> 
<body>
{ZL.Label id="全站头部"/}
<!--头部结束-->
<div class="container member_show">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="member_show_l">
<!-- Swiper -->
<div class="swiper-container gallery-top">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background:url({$CssDir/}images/person_show.jpg) no-repeat; background-size:cover;"></div>
<div class="swiper-slide" style="background:url({$CssDir/}images/person_show2.jpg) no-repeat;background-size:cover;"></div>
<div class="swiper-slide" style="background:url({$CssDir/}images/person_show.jpg) no-repeat; background-size:cover;"></div>
<div class="swiper-slide" style="background:url({$CssDir/}images/person_show2.jpg) no-repeat;background-size:cover;"></div>
<div class="swiper-slide" style="background:url({$CssDir/}images/person_show.jpg) no-repeat;background-size:cover;"></div>

</div>
<!-- Add Arrows -->
<div class="swiper-button-next swiper-button-white"></div>
<div class="swiper-button-prev swiper-button-white"></div>
</div>
<div class="swiper-container gallery-thumbs">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background:url({$CssDir/}images/person_show.jpg); background-size:cover;"></div>
<div class="swiper-slide" style="background:url({$CssDir/}images/person_show2.jpg); background-size:cover;"></div>
<div class="swiper-slide" style="background:url({$CssDir/}images/person_show.jpg); background-size:cover;"></div>
<div class="swiper-slide" style="background:url({$CssDir/}images/person_show2.jpg); background-size:cover;"></div>
<div class="swiper-slide" style="background:url({$CssDir/}images/person_show.jpg); background-size:cover;"></div>
</div>
</div>
<!-- Swiper JS -->
<div class="attention">
<a href="#"><i class="fa fa-user"></i>加关注</a>
<a href="#"><i class=" fa fa-heart"></i>点赞</a>
<a href="#"><i class="fa fa-clock-o"></i>上线提醒</a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="member_show_r">
<div class="person_name">
<strong>张蓝欣</strong>
<div class="person_ID"><span>张女士ID:6597566542</span> <label>已实名认证</label></div> 
<div class="person_ID person_loveType"><span>恋爱类型：记者型</span> <label>查看心灵匹配</label></div> 
<div class="person_label">
<span class="label label-default">身材高挑</span>
<span class="label label-primary">厨艺精湛</span>
<span class="label label-success">慢热</span>
<span class="label label-info">随和</span>
<span class="label label-warning">爱运动</span>
<span class="label label-danger">爱美食</span>
</div>
<b style="display:block; font-size:1.2em; margin-top:1em;">28岁/168cm/大专/江苏无锡/未婚</b>
</div>
<div class="message">
<a href="#"><i class="fa fa-pencil"></i>发消息</a>
<a href="#"><i class="fa fa-handshake-o"></i>打招呼</a>
</div>
<div class="person_fancy">
<strong>共同喜好:<span>你们没有匹配到共同喜好哦</span></strong>
</div>
</div>
</div>
</div>
</div>
<!-- member_show end! -->

<div class="container member_detail">
<div class="row">
<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
<div role="tabpanel" class="home_tabs">
<ul class="nav nav-tabs tabs_list" role="tablist">
<li role="presentation" class="active"><a href="#home_tab" aria-controls="home_tab" role="tab" data-toggle="tab" aria-expanded="true">她的资料</a></li>
<li role="presentation" class=""><a href="#home_tab1" aria-controls="home_tab1" role="tab" data-toggle="tab" aria-expanded="false">心灵匹配</a></li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="home_tab">
<div class="person_plan self_intro">
<h3>自我介绍</h3>
<p>我想要一套小房子，能做谁的小妻子， 一起提着菜篮子，穿过门前的小巷子， 饭后用不着谁洗盘子，可谁得负责抹桌子， 再要个胖胖的小孩子，可爱得就像小丸子， 等谁长出了白胡子，坐在家中老椅子. 可是那个谁，你到底是谁？</p>
</div>
<div class="person_plan">
<h3>个人、工作、家庭状况及爱情规划</h3>
<dl>
<dt>民　族：</dt>
<dd>汉族</dd>
<dt>家　乡：</dt>
<dd>江苏无锡</dd>
<dt>属　相：</dt>
<dd>蛇</dd>
<dt>星　座：</dt>
<dd>处女座</dd>
<dt>血　型：</dt>
<dd>A型</dd>
<dt>体　型：</dt>
<dd>高挑</dd>
<dt>体　重：</dt>
<dd>50</dd>
</dl>
<dl>
<dt>掌握语言：</dt>
<dd>中文(普通话)</dd>
<dt>宗教信仰：</dt>
<dd>无神论</dd>
<dt>生活作息：</dt>
<dd>早睡早起</dd>
<dt>有无子女：</dt>
<dd>没有</dd>
<dt>相貌自评：</dt>
<dd>9</dd>
<dt>公司性质：</dt>
<dd>上市公司</dd>
<dt>工作状况：</dt>
<dd class="telllater" >以后告诉你</dd>
</dl>
<div class="clearfix"></div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="home_tab1">未匹配到任何选项...</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<div class="member_detail_r">
<div class="member_detail_r_t">您可能感兴趣的人<a href="#">换一组&gt;</a></div>
<div class="member_detail_r_c">
<ul>
<li>
<a href="#">
<div class="person_opic">
<img src="{$CssDir/}images/person_show.jpg" alt="张云茹">
<span>丝丝心动</span>
<p>35岁 离异 江苏南...</p>
</div>
</a>
</li>
<li>
<a href="#">
<div class="person_opic">
<img src="{$CssDir/}images/person_show2.jpg" alt="张云茹">
<span>丝丝心动</span>
<p>35岁 离异 江苏南...</p>
</div>
</a>
</li>
<li>
<a href="#">
<div class="person_opic">
<img src="{$CssDir/}images/person_show.jpg" alt="张云茹">
<span>丝丝心动</span>
<p>35岁 离异 福建省厦门市</p>
</div>
</a>
</li>
<li>
<a href="#">
<div class="person_opic">
<img src="{$CssDir/}images/person_show.jpg" alt="张云茹">
<span>丝丝心动</span>
<p>35岁 离异 江苏南...</p>
</div>
</a>
</li>
<li>
<a href="#">
<div class="person_opic">
<img src="{$CssDir/}images/person_show2.jpg" alt="张云茹">
<span>丝丝心动</span>
<p>35岁 离异 江苏南...</p>
</div>
</a>
</li>
<li>
<a href="#">
<div class="person_opic">
<img src="{$CssDir/}images/person_show.jpg" alt="张云茹">
<span>丝丝心动</span>
<p>35岁 离异 福建省厦门市</p>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- member_detail end! -->

<div class="container find_similar">
<div class="find_similar_t">找相似的人</div>
<!-- Swiper -->
<div class="swiper-container find_similar_pic">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="#">
<div class="gallery_pic"><img src="{$CssDir/}images/person_show.jpg" alt="张女士"></div>
<span>丝丝心动</span>
<p>35岁 离异 福建省厦门市</p>
</a>
</div>
<div class="swiper-slide">
<a href="#">
<div class="gallery_pic"><img src="{$CssDir/}images/person_show2.jpg" alt="张女士"></div>
<span>丝丝心动</span>
<p>35岁 离异 福建省厦门市</p>
</a>
</div>
<div class="swiper-slide">
<a href="#">
<div class="gallery_pic"><img src="{$CssDir/}images/person_show.jpg" alt="张女士"></div>
<span>丝丝心动</span>
<p>35岁 离异 福建省厦门市</p>
</a>
</div>
<div class="swiper-slide">
<a href="#">
<div class="gallery_pic"><img src="{$CssDir/}images/person_show2.jpg" alt="张女士"></div>
<span>丝丝心动</span>
<p>35岁 离异 福建省厦门市</p>
</a>
</div>
<div class="swiper-slide">
<a href="#">
<div class="gallery_pic"><img src="{$CssDir/}images/person_show.jpg" alt="张女士"></div>
<span>丝丝心动</span>
<p>35岁 离异 福建省厦门市</p>
</a>
</div>
<div class="swiper-slide">
<a href="#">
<div class="gallery_pic"><img src="{$CssDir/}images/person_show2.jpg" alt="张女士"></div>
<span>丝丝心动</span>
<p>35岁 离异 福建省厦门市</p>
</a>
</div>
</div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<!-- Swiper JS -->

</div>
<!-- find_similar end! -->

{ZL.Label id="全站底部"/}
</body>
</html>

<script>

//手机下右侧导航菜单效果
$(function () {
    $('button.navbar-toggle').click(function () {
        $('body').toggleClass('out');
        $('nav.navbar-fixed-top').toggleClass('out');
        if ($('body').hasClass('out')) {
            $(this).focus();
        }
        else {
            $(this).blur();
        }
    });
});
$(document).click(function (e) {
    if (!$(e.target).closest('.navbar-collapse, button.navbar-toggle').length && $('body').hasClass('out')) {
        e.preventDefault();
        $('button.navbar-toggle').trigger('click');
    }
}).keyup(function (e) {
    if (e.keyCode == 27 && $('body').hasClass('out')) {
        $('button.navbar-toggle').trigger('click');
    }
});

//检测固顶事件
var IO=document.getElementById('home_nav'),Y=IO,H=0,IE6;
IE6=window.ActiveXObject&&!window.XMLHttpRequest;
while(Y){H+=Y.offsetTop;Y=Y.offsetParent};
if(IE6)
    IO.style.cssText="position:absolute;top:expression(this.fix?(document"+
        ".documentElement.scrollTop-(this.javascript||"+H+")):0)";
window.onscroll=function (){
    var d=document,s=Math.max(d.documentElement.scrollTop,document.body.scrollTop);
     if(s>H&&IO.fix||s<=H&&!IO.fix)return;
    if(!IE6)IO.style.position=IO.fix?"":"fixed";        
    IO.fix=!IO.fix;
};
try{document.execCommand("BackgroundImageCache",false,true)}catch(e){};

var buser = new B_User();//会员ajax登录状态需要结合JS/Controls/B_User.js引用同步生效
buser.IsLogged(function(data,flag){
	if(flag)
	{
		data=JSON.parse(data);
		$(".home_user a").html(data.UserName);
        $(".home_user").removeClass("hidden");
        $(".home_logout").removeClass("hidden");
		$(".home_register").hide();
        $(".home_login").hide();
	}
});

function LogoutFun()
{
	buser.Logout(function(){location=location;});
}


<!-- Initialize Swiper -->
var galleryTop = new Swiper('.gallery-top', {
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    spaceBetween: 10,


});
var galleryThumbs = new Swiper('.gallery-thumbs', {
    spaceBetween: 10,
    centeredSlides: true,
    slidesPerView: 'auto',
    touchRatio: 0.2,
    slideToClickedSlide: true
    

});
galleryTop.params.control = galleryThumbs;
galleryThumbs.params.control = galleryTop;
 
//找相似的人
var swiper = new Swiper('.find_similar_pic', {
    pagination: '.swiper-pagination',
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    slidesPerView:6,
    paginationClickable: true,
    spaceBetween:20,
    loop: true,
    autoplay: 3000
});   
</script>
